<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="google" content="notranslate" />
    <meta
      name="description"
      content="一个集书签管理、创作笔记、任务提醒、文件存储下载、音乐播放、图片管理、在线聊天和资源分享于一体的多功能个人门户网站"
    />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=0;"/> -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <!-- <meta name="theme-color" content="#2979ff"> -->
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="mobile-web-app-status-bar-style" content="black" />
    <meta name="mobile-web-app-title" content="assets" />
    <title>Hello</title>
    <link rel="stylesheet icon" href="../../images/img/icon.png" />
  </head>

  <body style="opacity: 0">
    <div id="app">
      <!-- 壁纸 -->
      <div class="page_bg sce"></div>
      <div class="page_bg_filter"></div>
      <!--左侧书签栏-->
      <div class="aside_wrap">
        <div class="aside">
          <div class="list"></div>
          <div class="foot_menu">
            <div class="flex_wrap">
              <div cursor="y" class="iconfont icon-xuanzeweixuanze"></div>
              <button cursor="y" class="delete_bm btn btn_danger">删除</button>
              <button cursor="y" class="move_bm btn btn_primary">移动到</button>
              <button cursor="y" class="clock_bm btn btn_primary">锁定</button>
              <button cursor="y" class="open_bm btn btn_primary">公开</button>
              <button cursor="y" class="close btn btn_info">取消</button>
            </div>
          </div>
        </div>
      </div>
      <!--主容器-->
      <div id="main">
        <!-- 时钟 -->
        <div class="clock no_select">
          <div class="time_container">
            <div class="time_section"></div>
            <div class="time_section"></div>
            <div class="spaced">:</div>
            <div class="time_section"></div>
            <div class="time_section"></div>
            <div class="spaced">:</div>
            <div class="time_section"></div>
            <div class="time_section"></div>
          </div>
          <i cursor="y" class="iconfont icon-kuandukuoda"></i>
          <ul class="line-min"></ul>
          <ul class="line-hour"></ul>
          <ol class="number"></ol>
          <ul class="pointer">
            <li class="hour"></li>
            <li class="min"></li>
            <li class="sec"></li>
            <li class="circle"></li>
          </ul>
        </div>
        <div class="minimize_box"></div>
        <!-- 侧边栏按钮 -->
        <div cursor="y" class="aside_btn iconfont icon-31liebiao"></div>
        <!-- 界面logo -->
        <img cursor="y" class="search_box_btn no_select" alt="" />
        <!-- 搜索盒子 -->
        <div class="search_box_mask no_select">
          <div class="search_box_wrap">
            <div class="bg"></div>
            <div cursor="y" class="setting iconfont icon-shezhi"></div>
            <!-- logo -->
            <div class="search_logo">
              <div class="logo_box">
                <!-- <img /> -->
              </div>
            </div>
            <!-- 搜索引擎 -->
            <div class="search_inp_wrap">
              <div class="content">
                <div class="search_box">
                  <div cursor="y" class="logo"><img /></div>
                  <div class="inp_box">
                    <input
                      autocomplete="off"
                      type="text"
                      placeholder="输入搜索内容或网址"
                    />
                    <i cursor="y" class="clear iconfont icon-close-bold"></i>
                  </div>
                  <div cursor="y" class="translate_btn">译</div>
                  <div class="search_submit iconfont icon-search" cursor></div>
                </div>
                <!-- 搜索提示词 -->
                <div class="search_list_box">
                  <ul></ul>
                </div>
                <div class="cat">
                  <div class="body"></div>
                  <div class="head">
                    <div class="ear"></div>
                    <div class="ear"></div>
                  </div>
                  <div class="face">
                    <div class="nose"></div>
                    <div class="whisker-container">
                      <div class="whisker"></div>
                      <div class="whisker"></div>
                    </div>
                    <div class="whisker-container">
                      <div class="whisker"></div>
                      <div class="whisker"></div>
                    </div>
                  </div>
                  <div class="tail-container">
                    <div class="tail">
                      <div class="tail">
                        <div class="tail">
                          <div class="tail">
                            <div class="tail">
                              <div class="tail">
                                <div class="tail"></div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <!-- 书签 -->
            <div class="home_bm_wrap">
              <ul></ul>
            </div>
            <div class="home_foot_menu">
              <div class="flex_wrap">
                <div cursor="y" class="iconfont icon-xuanzeweixuanze"></div>
                <button cursor="y" class="delete_bm btn btn_danger">
                  删除
                </button>
                <button cursor="y" class="move_bm btn btn_primary">
                  移动到
                </button>
                <button cursor="y" class="close btn btn_info">取消</button>
              </div>
            </div>
          </div>
        </div>
        <!-- 迷你播放器 -->
        <div class="mini_player">
          <div class="mask"></div>
          <div cursor="y" class="top iconfont icon-zhiding"></div>
          <div cursor="y" class="next_btn iconfont icon-ic_skip_next_px"></div>
          <div
            cursor="y"
            class="prev_btn iconfont icon-ic_skip_previous_px"
          ></div>
          <div cursor="y" class="to_max iconfont icon-fangda"></div>
          <div cursor="y" class="play_btn iconfont icon-65zanting"></div>
          <div cursor="y" class="show_lrc iconfont icon-geciweidianji"></div>
        </div>
        <!--迷你歌词-->
        <div class="mini_lrc_wrap no_select">
          <div cursor="y" class="close iconfont icon-close-bold"></div>
          <div cursor="y" class="top iconfont icon-zhiding"></div>
          <div class="lrcbot" x="0">
            <div class="one"></div>
            <div class="tow"></div>
          </div>
        </div>
        <!-- 音乐播放器 -->
        <div class="music_player_box no_select">
          <div class="content_wrap">
            <!--播放器背景-->
            <div class="music_palyer_bg"></div>
            <!--顶部功能键-->
            <div class="head_wrap window_head">
              <div cursor="y" class="close iconfont icon-close-bold"></div>
              <div cursor="y" class="hide iconfont icon-minus-bold"></div>
              <div cursor="y" class="top iconfont icon-zhiding"></div>
              <div
                cursor="y"
                class="volume iconfont icon-24gl-volumeHigh"
              ></div>
              <div class="search_music_inp inp_box">
                <input type="text" placeholder="搜索" autocomplete="off" />
                <i cursor="y" class="clean_btn iconfont icon-close-bold"></i>
                <i cursor="y" class="inp_search_btn iconfont icon-search"></i>
              </div>
              <div cursor="y" class="search_btn iconfont icon-search"></div>
              <div class="song_list_name"></div>
              <div cursor="y" class="back iconfont icon-zuo"></div>
            </div>
            <div class="content_box">
              <div class="song_list_wrap">
                <ul></ul>
              </div>
              <div class="list_items_wrap">
                <div class="items_box"></div>
                <div class="position_btn">
                  <div cursor="y" class="to_top iconfont icon-shang"></div>
                  <div
                    cursor="y"
                    class="get_location iconfont icon-dingwei"
                  ></div>
                  <div cursor="y" class="to_bot iconfont icon-xiala"></div>
                  <div
                    cursor
                    class="music_list_setting iconfont icon-shezhi"
                  ></div>
                </div>
              </div>
            </div>
            <!-- 进度条 -->
            <div class="music_foot_progress"></div>
            <div class="music_foot_box">
              <div class="playing_song_logo">
                <div cursor="y" class="logo_img"></div>
              </div>
              <div cursor="y" class="playing_song_info">
                <div></div>
              </div>
              <div class="right_btns">
                <div cursor="y" class="play_btn iconfont icon-65zanting"></div>
                <div
                  cursor="y"
                  class="next_btn iconfont icon-ic_skip_next_px"
                ></div>
                <div
                  cursor
                  class="playing_list_btn iconfont icon-31liebiao"
                ></div>
              </div>
            </div>
            <!--本地搜索列表-->
            <div class="search_music_wrap">
              <div class="s_music_list_box">
                <ul></ul>
              </div>
            </div>
            <!-- 正在播放列表 -->
            <div class="playing_list_mask">
              <div class="p_music_list_wrap">
                <div class="p_head">
                  <div class="left"></div>
                  <div cursor="y" class="check_btn iconfont icon-duoxuan"></div>
                  <div
                    cursor
                    class="share_playing_list iconfont icon-fenxiang_2"
                  ></div>
                  <div
                    cursor
                    class="clear_playing_list iconfont icon-15qingkong-1"
                  ></div>
                </div>
                <div class="p_foot"></div>
                <div class="p_foot_menu">
                  <div class="flex_wrap">
                    <div cursor="y" class="iconfont icon-xuanzeweixuanze"></div>
                    <button cursor="y" class="delete_btn btn btn_danger">
                      移除
                    </button>
                    <button
                      cursor="y"
                      class="collect_songs_btn btn btn_primary"
                    >
                      收藏
                    </button>
                    <button cursor="y" class="move_btn btn btn_primary">
                      添加到
                    </button>
                    <button cursor="y" class="close btn btn_info">取消</button>
                  </div>
                </div>
              </div>
            </div>
            <!-- 歌词 -->
            <div class="music_lrc_wrap">
              <div class="lrc_box">
                <div class="lrc_bg"></div>
                <div class="lrc_head">
                  <div cursor="y" class="close iconfont icon-xiala"></div>
                  <div class="song_info_box">
                    <div class="song_name">
                      <div></div>
                    </div>
                    <div class="artist_name">
                      <i cursor="y" class="artist_name_text"></i>
                    </div>
                  </div>
                  <div
                    cursor
                    class="remote_play iconfont icon-yuanchengguanli"
                  ></div>
                </div>
                <div class="lrc_list_wrap">
                  <div class="lrc_items"></div>
                </div>
                <!-- 音乐控制台 -->
                <div class="lrc_menu_wrap">
                  <div
                    cursor="y"
                    class="collect_song_btn iconfont icon-hear"
                  ></div>
                  <div class="right_btns">
                    <div cursor="y" class="play_speed_btn">x1</div>
                    <div
                      cursor
                      class="share_song_btn iconfont icon-fenxiang_2"
                    ></div>
                    <div
                      cursor="y"
                      class="play_mv_btn iconfont icon-shipin2"
                    ></div>
                    <div
                      cursor
                      class="lrc_translate_btn iconfont icon-tubiao-fanyi"
                    ></div>
                    <div
                      cursor="y"
                      class="set_lrc_btn iconfont icon-maohao"
                    ></div>
                  </div>
                </div>
                <div class="lrc_foot_wrap">
                  <div class="progress_bar">
                    <div class="current_time">00:00</div>
                    <!--进度条-->
                    <div class="probox">
                      <div cursor="y" class="pro1">
                        <div cursor="y" class="pro2">
                          <div cursor="y" class="dolt"></div>
                        </div>
                      </div>
                    </div>
                    <div class="total_time">00:00</div>
                  </div>
                  <div class="foot_btn_wrap">
                    <div
                      cursor
                      class="random_play_btn iconfont icon-shunxubofang"
                    ></div>
                    <div
                      cursor
                      class="prev_play_btn iconfont icon-ic_skip_previous_px"
                    ></div>
                    <div
                      cursor="y"
                      class="play_btn iconfont icon-65zanting"
                    ></div>
                    <div
                      cursor="y"
                      class="next_play iconfont icon-ic_skip_next_px"
                    ></div>
                    <div
                      cursor
                      class="playing_list_btn iconfont icon-31liebiao"
                    ></div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- 歌词编辑 -->
        <div class="edit_lrc_wrap">
          <div class="e_head_btns window_head">
            <div cursor="y" class="close iconfont icon-close-bold"></div>
            <div cursor="y" class="top iconfont icon-zhiding"></div>
            <div class="song_info_text">
              <p></p>
            </div>
            <div cursor="y" class="save iconfont icon-baocun1"></div>
          </div>
          <textarea></textarea>
        </div>
        <!-- MV -->
        <div class="music_mv_wrap">
          <div class="m_head_btns window_head">
            <div cursor="y" class="m_close iconfont icon-close-bold"></div>
            <div cursor="y" class="top iconfont icon-zhiding"></div>
            <div class="m_top_space">
              <p></p>
            </div>
          </div>
          <div class="video_box">
            <video class="my_video" width="100%" controls="controls"></video>
          </div>
        </div>
        <!-- 待办 -->
        <div class="todo_box">
          <div class="t_head_btns window_head">
            <div cursor="y" class="t_close_btn iconfont icon-close-bold"></div>
            <div cursor="y" class="top iconfont icon-zhiding"></div>
            <div class="t_space">待办事项</div>
            <div
              cursor="y"
              class="t_refresh_btn iconfont icon-suijibofang"
            ></div>
          </div>
          <div class="todo_list_wrap">
            <div class="todo_list"></div>
          </div>
        </div>
        <!-- 倒计时 -->
        <div class="count_box">
          <div class="c_head_btns window_head">
            <div cursor="y" class="c_close_btn iconfont icon-close-bold"></div>
            <div cursor="y" class="top iconfont icon-zhiding"></div>
            <div class="c_space">倒计时</div>
            <div
              cursor="y"
              class="c_refresh_btn iconfont icon-suijibofang"
            ></div>
          </div>
          <div class="count_list_wrap">
            <div class="count_list"></div>
          </div>
        </div>
        <!-- 右上功能键 -->
        <div cursor="y" class="user_logo_btn"></div>
        <div class="right_menu_mask">
          <div class="right_box no_select">
            <div cursor="y" class="user_name"></div>
            <div class="r_list">
              <div cursor="y" class="show_sysinfo">
                <i class="iconfont icon-a-ziyuan60"></i><span>系统状态</span>
              </div>
              <div cursor="y" class="show_music_player">
                <i class="iconfont icon-Music"></i><span>播放器</span>
              </div>
              <div cursor="y" class="tools">
                <i class="iconfont icon-wxbgongju"></i><span>工具</span>
              </div>
              <div cursor="y" class="show_todo">
                <i class="iconfont icon-daiban1"></i><span>待办事项</span>
              </div>
              <div cursor="y" class="show_count">
                <i class="iconfont icon-shalou"></i><span>倒计时</span>
              </div>
              <div cursor="y" class="tips">
                <i class="iconfont icon-tishi"></i><span>Tips</span
                ><i
                  class="iconfont icon-new1"
                  style="color: var(--btn-danger-color)"
                ></i>
              </div>
              <div cursor="y" class="account_manage">
                <i class="iconfont icon-chengyuan"></i><span>账号管理</span>
              </div>
              <div cursor="y" class="r_setting">
                <i class="iconfont icon-shezhi"></i><span>设置</span>
              </div>
              <div cursor="y" class="show_share_list">
                <i class="iconfont icon-fenxiang_2"></i><span>分享列表</span>
              </div>
              <div cursor="y" class="show_trash">
                <i class="iconfont icon-huishouzhan"></i><span>回收站</span>
              </div>
              <div cursor="y" class="r_about">
                <i class="iconfont icon-about"></i><span>关于</span>
              </div>
              <div cursor="y" class="log_out">
                <i class="iconfont icon-tuichu"></i><span>退出</span>
              </div>
            </div>
          </div>
        </div>
        <!-- 账号信息 -->
        <div class="user_info_wrap">
          <div
            cursor="y"
            class="u_close_btn iconfont icon-close-bold window_head"
          ></div>
          <div cursor="y" class="top iconfont icon-zhiding window_head"></div>
          <div class="user_logo">
            <div cursor></div>
          </div>
          <div class="user_list"></div>
        </div>
        <!-- 系统信息 -->
        <div class="sys_info_wrap">
          <div
            cursor="y"
            class="c_close_btn iconfont icon-close-bold window_head"
          ></div>
          <div cursor="y" class="top iconfont icon-zhiding window_head"></div>
          <div class="list">
            <div class="cpu">
              <div class="progress"></div>
              <div class="text"></div>
            </div>
            <div class="mem">
              <div class="progress"></div>
              <div class="text"></div>
            </div>
            <div class="swap">
              <div class="progress"></div>
              <div class="text"></div>
            </div>
            <div class="disk">
              <div class="progress"></div>
              <div class="text"></div>
            </div>
          </div>
        </div>
        <!-- 聊天室 -->
        <audio preload="none" class="chat_ausio"></audio>
        <div cursor="y" class="show_chat_room_btn iconfont icon-liaotian"></div>
        <div class="chat_room_wrap">
          <div class="chat_room_box">
            <div class="date_search">
              <div cursor="y" class="date_icon iconfont icon-rizhi"></div>
              <div class="date_text"></div>
              <div cursor="y" class="date_close iconfont icon-close-bold"></div>
            </div>
            <div class="user_list_wrap">
              <div class="user_list_box"></div>
            </div>
            <div class="c_head_btns window_head">
              <div
                cursor="y"
                class="c_close_btn iconfont icon-close-bold"
              ></div>
              <div cursor="y" class="top iconfont icon-zhiding"></div>
              <div class="search_msg_inp inp_box">
                <input placeholder="搜索消息" autocomplete="off" type="text" />
                <i cursor="y" class="clean_btn iconfont icon-close-bold"></i>
                <i cursor="y" class="inp_search_btn iconfont icon-search"></i>
              </div>
              <div cursor="y" class="search_btn iconfont icon-search"></div>
              <div class="title_wrap">
                <div
                  cursor
                  class="online_status iconfont icon-tuichudenglu1"
                ></div>
                <div class="chat_title"><div class="text_box"></div></div>
                <div
                  cursor
                  class="ndn_icon iconfont icon-24gl-volumeHigh"
                ></div>
              </div>
              <div
                cursor
                class="clear_msg_btn iconfont icon-15qingkong-1"
              ></div>
              <div cursor="y" class="c_user_btn iconfont icon-chengyuan">
                <i class="c_msg_alert"></i>
              </div>
              <div cursor="y" class="chat_home_btn iconfont icon-liaotian">
                <i class="c_home_msg_alert"></i>
              </div>
            </div>
            <div class="chat_list_box">
              <div class="chat_list"></div>
            </div>
            <div class="chat_foot_wrap">
              <div class="chat_foot_box">
                <div
                  cursor="y"
                  class="scroll_to_bot_btn iconfont icon-xiala"
                ></div>
                <div cursor="y" x="1" class="c_change_btn">
                  <i class="iconfont icon-yuyin"></i>
                </div>
                <div class="c_text_msg_box">
                  <div title="Ctrl+Enter 发送消息" class="c_text_msg">
                    <div
                      cursor="y"
                      class="clean iconfont icon-15qingkong-1"
                    ></div>
                    <textarea
                      class="c_text_content"
                      placeholder="输入消息..."
                    ></textarea>
                    <div class="fill_height"></div>
                  </div>
                  <div cursor="y" class="c_get_voice_btn no_select">
                    按住 说话
                  </div>
                </div>
                <div cursor="y" class="c_sent_shake_btn">
                  <i class="iconfont icon-zhendong"></i>
                </div>
                <div cursor="y" x="1" class="c_sent_msg_btn">
                  <i class="iconfont icon-tianjia"></i>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="grassp"></div>
        <img
          onload="this.onload=null,this.style.opacity=0.8"
          class="dandelion no_select"
          src="../../images/img/dandelion.png"
          alt=""
        />
        <img
          onload="this.onload=null,this.style.opacity=1"
          class="dandelionloading no_select"
          src="../../images/img/dandelion.gif"
          alt=""
        />
        <img
          onload="this.onload=null,this.style.opacity=1"
          class="grass no_select"
          src="../../images/img/grass.gif"
          alt=""
        />
        <!--壁纸容器-->
        <div cursor="y" class="random_change_bg_btn">
          <img src="../../images/img/bgqh.png" alt="" />
          <div></div>
        </div>
        <div class="all_bg_wrap">
          <div cursor="y" class="b_close_btn iconfont icon-close-bold"></div>
          <div cursor="y" class="upload_bg iconfont icon-upload"></div>
          <div class="bg_list"></div>
          <div class="bg_footer">
            <div>
              <span cursor="y" class="iconfont icon-xuanzeweixuanze"></span>
              <button cursor="y" class="f_delete btn btn_danger">删除</button>
              <button cursor="y" class="f_close btn btn_info">取消</button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
